<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
#div1{ color:blue; background:blue; width:100px;}
</style>
<script src="jquery-2.0.3.js"></script>
<script>
/*一些变量
function vendorPropName(){}
function isHidden(){}
function getStyles(){}
function showHide(){}
jQuery.fn.extend({
	css
	show
	hide
	toggle
});
jQuery.extend({
	cssHooks
	cssNumber
	cssProps
	style
	css
});
curCSS = function(){};
function setPositiveNumber(){}
function augmentWidthOrHeight(){}
function getWidthOrHeight(){}
function css_defaultDisplay(){}
function actualDisplay(){}
一些cssHooks*/

$(function(){
	
	//console.log($('#div1').get(0).style.color);
	//console.log(window.getComputedStyle( $('#div1').get(0) , null ).color);
	
	//console.log(window.getComputedStyle( $('#div1').get(0) , null ).background);
	//console.log($('#div1').get(0).style.background);
	
	//console.log($('#div1').css('color'));
	
	//$('#div1').css('color','yellow');
	
	/*console.log(  $('#div1').css('color')   );
	
	getComputedStyle
	
	jQuery.css();
	
	curCSS = function(){};*/
	
	//console.log($('#div1').css(['color','backgroundColor','width']));
	
	//$('#div1').css({width:200,height:200});
	
	//$('#div1').css('width',function(){
		//return 500;
	//});
	
	//$('#div1').width()/height()/innerWidth()/innerHeight()/outerWidth()/outerHeight()
	
	$('#div1').css('float');
	
	//getComputedStyle(oDiv,null).backgroundColor
	
	getComputedStyle(oDiv,null).backgroundColor
	style.cssFloat
	//class -> className
	
	//$('#div1').css('tranfroms');
	
	$('#div1').css('width');   '123px'
	$('#div1').width();    123
	
	
});

</script>
</head>

<body>
<div id="div1" style="MozTranfroms">aaaaaaaaaaaa</div>
</body>
</html>
